<!--
 * @Author: 谢陈洁
 * @Date: 2024-11-20 08:49:08
 * @LastEditors: 谢陈洁
 * @LastEditTime: 2024-11-20 10:06:51
 * @Description: file content
-->
<template>
  <div class="home">
    <homeNavBar>弘源旅途</homeNavBar>
    <div class="banner">
      <img src="@/assets/img/home/banner.webp" alt="">
    </div>
    <homeSearchBox />
    <homeCategory />
    <homeHouseList />
  </div>
</template>
<script setup>
import useHomeStore from '@/stores/modules/home';
import homeNavBar from './cpns/home-nav-bar.vue';
import homeSearchBox from './cpns/home-search-box.vue';
import homeCategory from './cpns/home-category.vue';
import homeHouseList from './cpns/home-house-list.vue';

const homeStore = useHomeStore();
homeStore.fetchHomeCategoriesAction();
homeStore.fetchHouseListAction();

</script>
<style lang="less" scoped>
.home {
  // height: calc(100vh - var(--van-tabbar-height));
  // overflow-y: auto;
  padding-bottom: 50px;

  .banner {
    img {
      width: 100%;
    }
  }
}
</style>
